<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"
          rel="stylesheet">
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/index.css" rel="stylesheet">
    <link href="../css/find.css" rel="stylesheet">
    <link href="../css/daterangepicker-bs3.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
    <link href="//cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css" rel="stylesheet">
    <script src="../js/jquery.min.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
    <script src="../js/html5shiv.min.js"></script>
    <script src="../js/respond.min.js"></script>
    <script src="../js/moment.js"></script>
    <script src="../js/daterangepicker.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
    <script src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
    <script src="../scripts/app.js"></script>
</head>

<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="">test</a>
        </div>
    </div>
</nav>
<div class="content">
    <div class="left-nav">
        <ul class="nav nav-pills nav-stacked">
            <li class="nav-change" role="presentation"><a href="#">查询账户</a></li>
            <li class="nav-change" role="presentation"><a href="#">增加账户</a></li>
        </ul>
    </div>
    <div class="right-content">
        <div class="find container-fluid">
            <h3>查询条件</h3>
            <form class="form-horizontal">
                <div class="form-group">
                    <label  for="code" class="col-sm-2 control-label">编码</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="code" placeholder="输入编码查询">
                    </div>
                </div>
                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">名称</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="name" placeholder="输入名称查询">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">注册时段</label>
                    <div class="col-sm-10">
                        <div class="input-prepend input-group">
										<span class="add-on input-group-addon">
											<i class="glyphicon glyphicon-calendar fa fa-calendar">
                                            </i>
										</span>
                            <input type="text" name="reservation" id="reservation"
                                   class="form-control" value="03/3/2017 - 03/7/2017" />
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">账户类型</label>
                    <div  class="col-sm-10">
                        <select style="width: 200px;" class="user-type-select2">
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="button" style="width: 160px;" class="query btn btn-primary">查询</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <hr>
        <table style="margin-left: 10px;" id="user-table" class="display" cellspacing="0" width="100%">
            <thead>
                <tr>
                    <th>编码</th>
                    <th>名称</th>
                    <th>备注</th>
                    <th>账号状态</th>
                    <th>账户类型</th>
                    <th>注册时间</th>
                    <th>最后一次登录时间</th>
                    <th>操作</th>
                </tr>
            </thead>

        </table>
    </div>

</div>


<script src="../scripts/index.js"></script>
<script src="../scripts/find.js"></script>
</body>
</html>